{% load staticfiles %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}琢越网{% endblock %}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script src="/static/js/bootstrap.min.js"></script>
    {% block custom_js %}

    {% endblock %}
	<link rel="stylesheet" href="/static/css/bootstrap.min.css">
	<!link rel="stylesheet" href="css/mynavbar.css">
    {% block custom_css %}

    {% endblock %}

</head>
<body style="background-color:#F7F7F7">
<div class="container" style="width:85%">

	<div class="row clearfix "style="box-shadow: 5px -5px">
			<nav class="navbar navbar-default navbar-fixed-top " role="navigation" ><!导航栏>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<a class="navbar-brand" href="{% url 'topic:index' %}" style="font-size:28px;color:orange;font-weight:bold;text-indent:100px">琢越</a>
					<ul class="nav navbar-nav">
						<li style="text-indent:20px">
							<a href="{% url 'topic:index' %}">首页</a>
						</li>
						<li style="text-indent:20px">
							<a href="find.html">发现</a>
						</li>
					</ul>
                        <ul class="nav navbar-nav navbar-right"  >  <!注册与登录按钮（登录后设其style="dispaly:none"）>
                            {% if request.user.is_authenticated %}
                                <li><a href="#" class="img-padding">
                                    <img alt="140x140" class="img protrait" src="/static/img/man2.png" ></a>
                                </li>
                                <li><a href="{% url 'logout' %}" style="text-indent:10px;margin-right:100px">退出登录</a></li>
                                {% else %}
                                <li><a href="{% url 'login' %}">登录</a></li>
                                <li><a href="{% url 'register' %}" style="text-indent:10px;margin-right:100px">注册</a></li>
                            {% endif %}
                        </ul>
					<form class="navbar-form navbar-right" role="search">
						<div class="form-group">
							<input class="form-control" type="text" placeholder="站内搜索">
							<button type="submit" class="btn btn-default btn-sm" onclick="window.open('search.html')" >搜索</button>
						</div>
					</form>
				</div>
			</nav>
	</div>
		<br></br>
		<br></br>
    {% block content %}

    {% endblock %}
</div>
{% block custom_script %}
{% endblock %}

</body>
</html>